<!DOCTYPE html>
<!-- saved from url=(0067)http://www.17sucai.com/preview/709282/2017-05-09/points/cation.html -->
<html lang="zh-CN" style="font-size: 34.722px;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>分类</title>
    <link rel="stylesheet" type="text/css" href="/css/shop/base.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/cation.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/mui.min.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/loaders.min.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/loading.css">
    <script src="/js/shop/rem.js"></script>
    <script src="/js/shop/jquery.min.js" type="text/javascript"></script>
	<script src="/js/plugins/jrender/jrender.min.js"></script>
	<script type="text/javascript">
		$(window).load(function(){
			$(".loading").addClass("loader-chanage")
			$(".loading").fadeOut(300)

			// 查询所有分类
			$.get('/itemCatalogs',function (data) {
                $('.catalog').renderValues({list:data}, {
                    // 拼接id到超链接
                    setHref: function (item, value) {
                        var href = $(item).data('href') + value;
                        $(item).attr('href', href);
                    }
                });
            });
		})
	</script>
</head>
<!--loading页开始-->
<body>
<div class="loading loader-chanage" style="display: none;">
	<div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
	</div>
</div>
<!--loading页结束-->
	
		<!--头部区域-->
	    <header class="mui-bar mui-bar-nav" id="header">
			<a class="btn" href="javascript:history.go(-1)">
	            <i class="iconfont icon-fanhui"></i>
	        </a>
	        <h4>商品分类</h4>
	        <a class="btn" href="#">
	            <i class="iconfont icon-erweima"></i>
	        </a>
	    </header>
	    <!--头部区域结束-->
	    <div class="warp clearfloat catalog">
		    <div class="cations clearfloat" render-loop="list">
		    	<div class="list clearfloat fl">
		    		<a data-href="/mine/itemlist.html?id=" render-fun="setHref" render-key="list.id">
			    		<p class="tit over box-s" render-html="list.name">家居家纺</p>
			    		<div class="tu">
			    			<img render-src="list.imageUrl">
			    		</div>
		    		</a>
		    	</div>

		    </div>
	    </div>

<!--footer star-->
<footer class="page-footer fixed-footer" id="footer">
	<ul>
		<li>
			<a href="/mine/shop.html">
				<i class="iconfont icon-shouye"></i>
				<p>首页</p>
			</a>
		</li>
		<li>
			<a href="/mine/itemcatalog.html">
				<i class="iconfont icon-icon04"></i>
				<p>分类</p>
			</a>
		</li>
		<li class="active">
			<a href="/mine/shopcar.html">
				<i class="iconfont icon-gouwuche"></i>
				<p>购物车</p>
			</a>
		</li>
		<li>
			<a href="/mine/profiles.html">
				<i class="iconfont icon-yonghuming"></i>
				<p>我的</p>
			</a>
		</li>
	</ul>
</footer>
<!--footer end-->
	
</body></html>